<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用户登录</title>
<meta name="description" content="description"/>
<meta name="keywords" content="keywords"/> 
<meta name="author" content="author"/> 
<link rel="stylesheet" type="text/css" href="/site_media/css/style.css" media="screen"/>
<link rel="stylesheet" type="text/css" href="/site_media/css/screen.css" media="screen"/>
<script type="text/javascript" src="/site_media/js/jquery-1.4.4.min.js"></script> 

<style type="text/css">
.hui {color:#666;}
.hei {color:#000;}
</style>
<script type="text/javascript">
$(function(){
	$('#login_chulaiba_icon').click(function(){
		$("#login_chulaiba").css("display","block");
		$('#login_chulaiba_icon').css("background","url(../site_media/css/images/login_chulaiba2.png) no-repeat")
	});
});
</script>
</head>


<body>
<div class="container">
	<div class="header">
	 <div id='headeryi'>	
		<div class="logo"></div>
	  </div>
	</div>
	<div class="topDivide">	</div>
	<div class="main">			
			<div id="login_left">
				<div id="login_left_image"></div>
				<div id="login_left_text">
					<p style="font-size:14px; font-weight:bold;">在这个网站:</p>
					<p>① 你的朋友们会分享他们最近的&nbsp;<image src='/site_media/css/images/dx.png'/>，比如唱K、逛街、旅游、打球等等，感兴趣就去参加</p>
					<p>② 参加朋友们发起的活动，你可以&nbsp;<image src='/site_media/css/images/rs.png'/>&nbsp;朋友们带去的美女帅哥</p>
					<p>③ 如果没有朋友...好吧，有一个叫&nbsp;<image src='/site_media/css/images/sy.png'/>&nbsp;的功能是为你而设计的</p>
				</div>
			</div>
			
			<div id="login_center">
				<a href="/wlogin" id="login_sina_icon"></a>
				<a href="javascript:void(0)" id="login_chulaiba_icon"></a>
				
				<div id="login_chulaiba">
					{%if messages%}
						<ul>
					    	{%for message in messages%}
					    		<li>{{message}}</li>
					    	{%endfor%}
						</ul>
					{%endif%}
					<form action="" method="post">{%csrf_token%}
						<table border="0" cellpadding="0" >
					        {{form.as_table}}        
					    </table>
					   	<input type="submit" value="" id='submit'/>
					</form>
				</div>
				<span>还没有"<t style="color:#ff3366;">出</t><t style="color:#00cc00;">来</t><t style="color:#0099cc">吧</t>"帐号？<a href="{%url register%}">点这里注册</a></span>
			</div>
			<div id="login_right">
				<div id="login_right_image"></div>
				<div id="login_left_text">
					<p style="font-size:14px; font-weight:bold;">如果此刻不想登录：</p>
					<p>留下你的电子邮箱，以及你近期想要参加的活动，网站中有合适的人与活动时，我们就通知你</p>
					<div id='input_email'>
						<p><input type="text" class="hui" value="请输入你的邮箱" onclick="if(this.value=='请输入你的邮箱'){this.value='';this.className='hei'}" onblur="if(this.value==''){this.value='请输入你的邮箱';this.className='hui'}" /></p>
					</div>
					<div id='input_activity'>
						<p><input type="text" class="hui" value="请输入你想参加的活动" onclick="if(this.value=='请输入你想参加的活动'){this.value='';this.className='hei'}" onblur="if(this.value==''){this.value='请输入你想参加的活动';this.className='hui'}" />&nbsp;<a href=''>确定</a></p>
						
					</div>					
				</div>
			</div>				
		<div class="clearer"><span></span></div>

	</div><!-- end of main -->

</div><!-- end of container -->

<div class="footer">
	&copy; 2011 
</div>

</body>
</html>
